<!DOCTYPE html>

<html lang="en">

<head>

<title>宿舍监控系统</title>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="../static/css/bootstrap.min.css" />

<link rel="stylesheet" href="../static/css/bootstrap-responsive.min.css" />

<link rel="stylesheet" href="../static/css/fullcalendar.css" />

<link rel="stylesheet" href="../static/css/matrix-style.css" />

<link rel="stylesheet" href="../static/css/matrix-media.css" />

<link href="../static/font-awesome/css/font-awesome.css" rel="stylesheet" />

<!-- <link rel="stylesheet" href="css/jquery.gritter.css" /> -->



</head>

<body>



<!--Header-part-->

<div id="header">

  <h1><a href="{{url_for('mainForm')}}">宿舍监控系统</a></h1>

</div>


<!--close-Header-part--> 





<!--top-Header-menu-->

<div id="user-nav" class="navbar navbar-inverse">

  <ul class="nav">

    <li  class="dropdown" id="profile-messages" ><a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i>  <span class="text"> <strong>郭家蔚，</strong>早上好！ </span><b class="caret"></b></a>

      <ul class="dropdown-menu">

        <li><a href="{{url_for('infoForm')}}"><i class="icon-user"></i> 个人信息</a></li>

        <li class="divider"></li>

        <li><a href="{{url_for('scheduleForm')}}"><i class="icon-check"></i> 日程管理</a></li>

        <li class="divider"></li>

        <li><a href="{{url_for('quit')}}"><i class="icon-key"></i> 退出</a></li>

      </ul>

    </li>

    <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>

      <ul class="dropdown-menu">

        <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> 新消息</a></li>

        <li class="divider"></li>

        <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> 收件箱</a></li>

        <li class="divider"></li>

        <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> 发件箱</a></li>

        <li class="divider"></li>

        <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> 回收站</a></li>

      </ul>

    </li>

    <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>

    <li class=""><a title="" href="{{url_for('quit')}}"><i class="icon icon-share-alt"></i> <span class="text">退出</span></a></li>

  </ul>

</div>

<!--close-top-Header-menu-->

<!--start-top-serch-->

<div id="search">

  <input type="text" placeholder="搜索框"/>

  <button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>

</div>

<!--close-top-serch-->

<!--sidebar-menu-->

<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> 主页</a>

  <ul>

    <li><a href="{{url_for('mainForm')}}"><i class="icon icon-home"></i> <span>主页</span></a> </li>

    <li> <a href="{{url_for('infoForm')}}"><i class="icon icon-user"></i> <span>个人信息</span></a> </li>

    <li> <a href="{{url_for('managementForm')}}"><i class="icon icon-user"></i> <span>用户管理</span></a> </li>

    <li> <a href="{{url_for('chartsForm')}}"><i class="icon icon-signal"></i> <span>数据报告</span></a> </li>

    <li class="active"> <a href="{{url_for('videoForm')}}"><i class="icon icon-inbox"></i> <span>监控管理</span></a> </li>

    <li> <a href="{{url_for('registerForm')}}"><i class="icon icon-inbox"></i> <span>报寝管理</span></a> </li>

    <li> <a href="{{url_for('scheduleForm')}}"><i class="icon icon-calendar"></i> <span>日程管理</span></a> </li>

    <li class="content"> <span>磁盘用量</span>

      <div class="progress progress-mini active progress-striped">

        <div style="width: 87%;" class="bar"></div>

      </div>

      <span class="percent">87%</span>

      <div class="stat">604.44 / 4000 MB</div>

    </li>

  </ul>

</div>

<!--sidebar-menu-->



<!--main-container-part-->

<div id="content">

  <div id="content-header">

    <div id="breadcrumb"> <a href="{{url_for('mainForm')}}" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 主页</a> <a href="#" class="current">监控管理</a> </div>

    <h1>监控管理</h1>

  </div>

  <div class="container-fluid">

    <hr>

    <div class="row-fluid">

      <div class="span12">

        <div class="widget-box">

          <div class="widget-title"> <span class="icon"> <i class="icon-file"></i> </span>

            <h5>监控1</h5>
            

          </div>

          <div class="widget-content nopadding">
            <ul class="recent-posts">

              <li>
                  <embed src="../static/img/video1.mp4">
              </li>

              <li>

                <button class="btn btn-warning btn-mini"> 查看历史记录 </button>

              </li>

            </ul>
            
          </div>

        </div>

        <div class="widget-box">

          <div class="widget-title"> <span class="icon"> <i class="icon-file"></i> </span>

            <h5>监控2</h5>
            

          </div>

          <div class="widget-content nopadding">
            <ul class="recent-posts">

              <li>
                <embed src="../static/img/video2.mp4">
              </li>

              <li>

                <button class="btn btn-warning btn-mini"> 查看历史记录 </button>

              </li>

            </ul>
            
          </div>

        </div>


      </div>

    </div>

    <hr>

    

  </div>

</div>

<!--main-container-part-->



<!--Footer-part-->

<div class="row-fluid">

  <div id="footer" class="span12"> 2021 · 宿舍监控系统 · ⓒ添砖java </div>
  
</div>

<!--end-Footer-part-->

<script src="../static/js/jquery.min.js"></script>

<script src="../static/js/bootstrap.min.js"></script>

<script src="../static/js/jquery.ui.custom.js"></script>

<script src="../static/js/matrix.js"></script>

</body>

</html>

